<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>订单</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="__PUBLIC__/client/css/cui.css?sj={$tj}" />
	<link rel="stylesheet" href="__PUBLIC__/client/css/swiper.min.css" />
	<link rel="stylesheet" href="__PUBLIC__/client/css/style.css?sj={$tj}" />
	<script type="text/javascript" src="__PUBLIC__/client/js/jquery.js?sj={$tj}"></script>
	<style>
		.bd16 .b1-fd p em{
			background: #fff;
			z-index: 999;
			position: relative;
		}

	</style>
</head>
<body class="mhome">
	<div class="viewport">
		<div id="bd" class="bd16 fix">
           	<style>
           		/*我的预约-预约详情-待点评*/
.bd16 .box2 p {width: 33.3333%;float: left; }
.b2-hd {height: 34px;line-height: 34px;border-bottom: 1px solid #ccc;color: #999999;}
.b2-fd {line-height: 30px;padding-bottom: 12px;color: #333;}
.b2-fd .pf3 {color: #ff0000;}
.bd16 .box2 p:nth-child(3n+1) {text-align: left;padding-left: 10px;  }
.bd16 .box2 p:nth-child(3n+2) {text-align: center;}
.bd16 .box2 p:nth-child(3n) {text-align: right;padding-right: 13px;}
.bd16 .b2-hd p:nth-child(3n) {color: #99999;}
.bd16 .b2-fd p:nth-child(3n) {color: #f00;}
.bd16 .b2-fd p{white-space:nowrap; overflow:hidden;}
.bd16 .box3 {padding: 0 10px 0 14px;text-align: left;font-size: 14px;}
.bd16 .box3 span {color: #f00;}
           	</style>
           	<p class="tit">物件清单</p>
            
            <if condition="$order['is_dai_jian']==2">
            		<div class="box2">
            			袋洗 {$order.total_price}元
            		</div>
            <else />
            <div class="box2">
                <div class="b2-hd">
                    <p>类目</p>
                    <p>数量</p>
                    <p>单价</p>
                </div>
                <div class="b2-fd">
                    <ul>
                    		<volist name="yifulist" id="vo">
                        <li>
                            <p>{$vo.name}</p>
                            <p>{$vo.num}</p>
                            <p>￥{$vo.price}</p>
                        </li>
                        </volist>
                    </ul>
                    <div class="c"></div>
                </div>
            </div>
            </if>
           
            <div class="box3">
                实付总金额 <span>￥{$order.total_price}</span>
                <br>
                支付方式：<span>{$order.pay_type}</span>
            </div>
            
             <if condition="$order['status']==3">
            		<!--<div class="box3">
               		 <a href="javascript:;" class="btn btn-yellow" data-orderid="{$order.orderid}" id="lijixidi">确认洗涤</a>
            		</div>-->
            </if>
           
            <if condition='$yifuimg'>
	            <p class="tit">拍照</p>
	             <div class="box2">
	                <volist name="yifuimg" id="vo">
	               		<img src="{$vo.imgurl}" class="preview" style="width: 32%; float: left; padding: 5px;"/>
	                </volist>
	            </div>
            </if>
            
		</div>
		<div class="c"></div>
		<!--end #bd-->
	</div>
</body>
<script src="__PUBLIC__/business/js/normal.js?sj={$tj}"></script>
<script>
//取消订单
$('#lijixidi').on('click',function(){
	var orderid=$(this).attr('data-orderid');
	var tourl="{:U('Business/api/order_set')}";
	var data={orderid:orderid,set:'4'}
	
	$.post(tourl,data,function(data){
	   if(data.status!=1){
	    		Msg('失败!',2);
	    }else{
	    		Msg('成功!',1);
	    		setTimeout(function(){
				window.location.href="{:U('Client/order/order2')}"; 
			},1000);
	    }
	 });
});
</script>